<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf-8>
        <style type="text/css">
        </style>
    </head>
    <body>
        <p></p>
        <script>
            let p = document.querySelector('p');
            // 创建XHR对象
            const request=new XMLHttpRequest();
            // 设置请求参数
            request.open("GET","https://jsonplaceholder.typicode.com/posts/1");
            // 发送请求
            request.send();
            // 如果是get请求不需要参数，post请求需要参数
            // 箭头请求成功后的状态变化：根据状态码进行相应的处理
            request.onreadystatechange=function(){
                if(request.readyState===4&&request.status===200){
                    console.log(request.responseText );
                    p.innerHTML = request.responseText ;
                    request=null;
                }
            }

           
       </script>
    </body>
</html>